{namespace esn.soy.randomFriendsSurvey}

/**
 * @param FriendSurveys Surveys of randomly selected friend (should be 2 or less).
 */
{template .content}
<div class="esnRandomFriendsSurvey">
  <div class="surveyTitle">Random Relationship</div>

  <div class="surveyInstructions">
    This final two question asks you to very briefly discuss how you came to
    know one person we randomly selected from your social network. This
    question seeks to understand how, where, and why you first developed a
    relationship with this randomly selected relation.
  </div>

  <table>
    <tr>
      {foreach $friendSurvey in $FriendSurveys}
        <td width="100%">
          <div class="name">
            {$friendSurvey['friend']['first_name']}{sp}
            {$friendSurvey['friend']['last_name']}
          </div>
          <div class="personContainer">
            <div class="question">{call .questionOne /}</div>
            <div class="questionInputContainer">
              <textarea id="{$friendSurvey.id}-questionOneInput" rows="5"
                  class="questionInput">
                {if $friendSurvey['first_met_location']}
                  {$friendSurvey['first_met_location']}
                {/if}
              </textarea>
            </div>
            <div class="question">{call .questionTwo /}</div>
            <div class="questionInputContainer">
              <textarea id="{$friendSurvey.id}-questionTwoInput" rows="5"
                  class="questionInput">
                {if $friendSurvey['first_met_interation']}
                  {$friendSurvey['first_met_interation']}
                {/if}
              </textarea>
            </div>
          </div>
        <td>
        {if not isLast($friendSurvey)}
          <td width="2%"></td>
        {/if}
      {/foreach}
    </tr>
  </table>

  <div class="buttonContainer">
    <div class="backButton"></div>
    <div class="continueButton"></div>
  </div>
</div>
{/template}

/**
 *
 */
{template .questionOne}
Where was is it that you first met (interacted) with this person (i.e.
in my dorm’s study area, in class, at a sporting event, in a club, etc.)? 
{/template}

/**
 *
 */
{template .questionTwo}
What led to your first interaction with this person (i.e. you were introduced
by a mutual friend, you were wearing the same jersey, s/he asked you a 
question,etc.)?
{/template}
